import { DomEditor } from '@wangeditor/editor'

export class MyButtonMenu {
  constructor() {
    this.title = '表情' // 自定义菜单标题
    // this.iconSvg = '<svg>...</svg>' // 可选
    this.tag = 'button'
  }

  // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
  getValue(editor) {
    return ' hello '
  }

  // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
  isActive(editor) {
    return false
  }

  // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
  isDisabled(editor) {
    return false
  }

  // 点击菜单时触发的函数
  exec(editor, value) {
    const toolbarItems = DomEditor.getToolbar(editor).toolbarItems
    if (toolbarItems?.length > 0) {
      // const result = toolbarItems.find(value => value.menu instanceof MyButtonMenu)
      // console.log(result.$elem[0])
    }
    if (this.isDisabled(editor)) return
    editor.insertText(value) // value 即 this.getValue(editor) 的返回值
  }
}
